﻿<div>
    <MContainer Class="surface-container-lowest">
        <MRow Class="mb-6"
              NoGutters>
            @for (var index = 0; index < 4; index++)
            {
                <MCol>
                    <MCard Class="pa-2"
                           Outlined
                           Tile>
                        col
                    </MCard>
                </MCol>
            }
        </MRow>
        <MRow NoGutters>
            @for (int index = 0; index < 2; index++)
            {
                <MCol Cols="@(index == 0 ? 8 : 4)">
                    <MCard Class="pa-2"
                           Outlined
                           Tile>
                        col-@(index == 0 ? 8 : 4)
                    </MCard>
                </MCol>
            }
        </MRow>
    </MContainer>
</div>